
import store from '@/store'

export const hasPermission = permissionRoles => {
  const roles = store.getters && store.getters.roles
  if (permissionRoles && permissionRoles instanceof Array && permissionRoles.length > 0) {
    return roles.some(role => permissionRoles.includes(role))
  }
  return false
}


const permission = {
  inserted(el, binding) {
    const { value } = binding
    if (!hasPermission(value)) {
      el.parentNode && el.parentNode.removeChild(el)
    }

    // if (value && value instanceof Array && value.length > 0) {
    //   const permissionRoles = value

    //   const hasPermission = roles.some(role => {
    //     return permissionRoles.includes(role)
    //   })

    //   if (!hasPermission) {
    //     el.parentNode && el.parentNode.removeChild(el)
    //   }
    // } else {
    //   // throw new Error(`need roles! Like v-permission="['admin','editor']"`)
    // }
  }
}

const install = function (Vue) {
  Vue.directive('permission', permission)
}

if (window.Vue) {
  window.permission = permission
  Vue.use(install); // eslint-disable-line
}

permission.install = install
export default permission
